<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="demo.css">
</head>
<body>
<div class="container">
  <div class="head">
      <span class="my">我的</span>
  </div>
  <div class="personal-information">
      <div class="personal-information-main">
     <div class="personal-img">
         <div class="personal-vital">
         <div class="person">
        <img src="image/user.png" alt="" class="personal-information-img">
         </div>
         <div class="personal-new">
            <p class="account-number">
                <span class="number">账号:</span>
                <span class="num">101345</span>
            </p>
            <p class="phone">
                <span class="phone-tel">电话:</span>
                <span class="phone-number">12345678910</span>
            </p>
         </div>
         </div>
    </div>
    <div class="personal-way">
        <ul class="personal-way-img">
            <li class="personal-left">
                <img src="image/15.png" alt=""  class="personal-way-one">
                <p class="pay">待付款</p>
            </li>
            <li class="personal-middle">
                <img src="image/14.png" alt="" class="personal-way-one">
                <p class="pay">待发货</p>
            </li>
            <li class="personal-save">
                <img src="image/13.png" alt="" class="personal-way-one">
                <p class="pay">待收货</p>
            </li>
            <li class="personal-right">
                <img src="image/12.png" alt="" class="personal-way-one">
                <p class="pay">待评价</p>
            </li>
        </ul>
    </div>
      </div>
  </div>
    <ul class="main">
        <li class="main-one">
            <img src="image/11.png" alt="" class="main-img-one">
            <span class="main-order">全部订单</span>
            <img src="image/next.png" alt="" class="main-img-two">
        </li>
        <li class="main-two">
            <img src="image/10.png" alt="" class="main-img-one">
            <span class="main-order">智慧社区</span>
            <img src="image/next.png" alt="" class="main-img-two">
        </li>
        <li class="main-three">
            <img src="image/9.png" alt="" class="main-img-one">
            <span class="main-order">积分管理</span>
            <img src="image/next.png" alt="" class="main-img-two">
        </li>
        <li class="main-four">
            <img src="image/8.png" alt="" class="main-img-one">
            <span class="main-order">地址管理</span>
            <img src="image/next.png" alt="" class="main-img-two">
        </li>
        <li class="main-five">
            <img src="image/7.png" alt="" class="main-img-one">
            <span class="main-order">我的评价</span>
            <img src="image/next.png" alt="" class="main-img-two">
        </li>
        <li class="main-six">
            <img src="image/6.png" alt="" class="main-img-one">
            <span class="main-order">更改密码</span>
            <img src="image/next.png" alt="" class="main-img-two">
        </li>
    </ul>
    <div class="bottom">
        <ul class="bottom-ul">
        <li class="bottom-left">
            <img src="image/5.png" alt="" class="bottom-img">
            <p class="bottom-new">首页</p>
        </li>
        <li class="bottom-stor" >
            <img src="image/4.png" alt="" class="bottom-img">
            <p class="bottom-new">商家</p>
        </li>
        <li class="bottom-farm">
            <img src="image/3.png" alt="" class="bottom-img">
            <p class="bottom-new">农场</p>
        </li>
        <li class="bottom-trolley">
            <img src="image/2.png" alt="" class="bottom-img">
            <p class="bottom-new">购物车</p>
        </li>
        <li class="bottom-my">
            <img src="image/1.png" alt="" class="bottom-img">
            <p class="bottom-new">我的</p>
        </li>
    </ul>
    </div>
</div>
</body>
</html>